

<div class="userform-wrapper">
  <form class="form-inline login" novalidate name="userform">
    <div class="form-group">
      <label for="userName" class="sr-only"></label>
      <div class="input-group">
        <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
        <input [(ngModel)]="loginInfo.userName" class="form-control" name="userName" id="userName"
               placeholder="请输入用户名">
        <input [(ngModel)]="loginInfo.password" class="form-control" name="userName" id="password"
               placeholder="请输入密码">
      </div>
    </div>
    <button type="submit" class="btn btn-primary" [disabled]="!loginInfo.userName" (click)="doLogin()">登 录</button>
    <p class="help-block">{{loginInfo.tips}}</p>

  </form>

  <h3 style="color: red; margin-top: 70%; margin-left: 40% ; font-size:24px">
    合法的用户名只有以下 4 个：
    <p> &nbsp;&nbsp;wzh &nbsp;&nbsp; zxc &nbsp;&nbsp; cjq &nbsp;&nbsp; mlj </p>
  </h3>

</div>

